/* 主布局样式 */
.main-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    padding: 2rem;
    max-width: 1800px;
    margin: 0 auto;
}

.left-panel {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.right-panel {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* 响应式布局 */
@media (max-width: 1200px) {
    .main-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .main-container {
        padding: 1rem;
        gap: 1rem;
    }
    
    .left-panel,
    .right-panel {
        gap: 1rem;
    }
} 